<template>
  <div class="page-home">
    <div class="home-entry">
      <div class="container">
        <!-- 左侧分类 -->
        <homeCategoryVue />
        <!-- banner轮播图 -->
        <homeBannerVue />
        <!-- 新鲜好物组件 -->
        <homeNew />
        <!-- 人气推荐 -->
        <homeHot />
        <!-- 热门品牌 -->
        <homeBrand />
      </div>
    </div>
  </div>
</template>

<script>
import homeCategoryVue from './components/home-category.vue'
import homeBannerVue from './components/home-banner.vue'
import homeNew from './components/home-new.vue'
import homeHot from './components/home-hot.vue'
import homeBrand from './components/home-brand.vue'

export default {
  name: 'PageHome',
  components: {
    homeCategoryVue,
    homeBannerVue,
    homeNew,
    homeHot,
    homeBrand
  }

}
</script>

<style scoped lang='less'>

</style>
